body{
    background-color: #f5f5f5;
}
// top
.top{
    background-color: #fadc02;
    display: flex;
    justify-content: space-around;
    .left{
        width: 48%;
        .content{
            img{
                width:48%;
            }
            margin:3em auto;
            position: relative;
            display: flex;
            justify-content: space-around;
            h1{
                font-weight: bold;
                font-size: 18px;
            }
            a{
                position: absolute;
                top:3em;
                left:7.5em;
                background-color: #f54353;
                border-radius: 25px;
                padding:.4em 1em;
                color:white;
                white-space: nowrap;

            }
            
        }
    }

    .right{

        .one{
            width:28%;
            height:15%;
            margin:4em 1em;
       
            
        }
        .two{
            width:28%;
            height:15%;
            margin:4em 0em;
            margin-right: 0;
            
        }

    }
}

// function
.function{
    position: relative;
    .container{
        background-color: white;
        display: flex;
        justify-content: space-around;
        position: absolute;
        left:2.5em;
        top:-2em;
        width:86%;
        border-bottom-right-radius: 25px;
        border-top-left-radius: 25px;

        .item{
            width:30%;
            margin:1.5em auto;
            img{
                width:32%;
                height:90%;
            }
        }
    }
}

// gonju
.gonju{
    background-color: white;
    .container{
        margin:5em auto;
        margin-bottom:0em;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;

        .item{
            width:15%;
            margin:1em 1em;
            text-align: center;

            img{
                width:100%;
                height: 3em;
            }
        }
    }
}



// footer
.footer{
    background-color: white;
    margin:17.2em auto;
    .box1{
        display: flex;
        justify-content: space-around;
        margin:1em auto;
        
        

        .item1{
            width:12%;
            text-align: center;
            margin:.5em auto;
            margin-bottom: 0;
            
            img{
                width:78%;
                height:55%;
            }
          
            a{
                color:black;
                font-size:10px;
                font-weight: bold;
                left:22px;
            }
        }
    }

   
}

 

